<template>
    <div class="p-2">
        <transition>
            <el-tabs v-model="activeTab" @tab-click="handleClick">
                <el-tab-pane label="供应商管理" name="Home">
                    <Home v-if="activeTab == 'Home'" />
                </el-tab-pane>
                <el-tab-pane label="重复信息" name="Repetition">
                    <Repetition v-if="activeTab == 'Repetition'" />
                </el-tab-pane>
            </el-tabs>
        </transition>
    </div>
</template>
<script setup lang="ts">
import type { TabsPaneContext } from 'element-plus';
import Home from './home.vue';
import Repetition from './repetition.vue';

const activeTab = ref('Home');

/**
 * tabs切换
 */
const handleClick = (tab: TabsPaneContext, event: Event) => {
    // console.log(tab.props.name, event)
};
</script>
<style lang="scss" scoped></style>